<template>
    <h3>Child</h3>
    <p>{{ title }} {{ msg }} {{ age }}  </p>
    <ul>
        <li v-for="(item,index) of arrNames" :key="index">{{ item }}</li>
    </ul>
    <p>用户信息：{{ userInfo.name }} {{ userInfo.age }}</p>
</template>
<script>
export default {
    data() {
        return {

        }
    },
    //props里的属性是只读的
    //props：传递数据，只能从父级传递到子级，不能反过来
    props: ["title", "msg", "age", "arrNames", "userInfo"]
}
</script>
